/* 友情链接-主体 */
.link-main {
    padding: 36px 0 42px;
}
/* 友情链接-标题 */
.link-main .link-title {
    width: 81px;
    height: 21px;
    font-family: 'MicrosoftYaHei-Bold', 'Microsoft YaHei Bold', 'Microsoft YaHei', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 24px;
}
/* 友情链接-内容部分*/
.link-main .link-content {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: space-between;
}
/* 友情链接-内容部分-单个 */
.link-main .link-content .link-content-one {
    /*width: 300px;*/
    height: 100%;
    border: 1px solid #87A1B8;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 友情链接-内容部分-单个-文字 */
.link-main .link-content .link-content-one .ant-select-selector .ant-select-selection-item {
    font-family: 'MicrosoftYaHei', 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
}
/* 友情链接-内容部分-单个-箭头 */
.link-main .link-content .link-content-one .ant-select-arrow {
    color: #ffffff;
}

/*当页面宽度大于1000px且小于1200px的时候执行，1000-1200*/
@media screen and (min-width:1000px) and (max-width: 1279px){
    /* 友情链接-内容部分-单个 */
    .link-main .link-content .link-content-one {
        width: 150px;
    }
}
/*当页面宽度大于1280px且小于1366px的时候执行,1280-1366*/
@media screen and (min-width:1280px) and (max-width: 1439px){
    /* 友情链接-内容部分-单个 */
    .link-main .link-content .link-content-one {
        width: 150px;
    }
}
/*当页面宽度大于1440px且小于1600px的时候执行,1440-1600*/
@media screen and (min-width:1440px) and (max-width:1679px){
    /* 友情链接-内容部分-单个 */
    .link-main .link-content .link-content-one {
        width: 200px;
    }
}
/*当页面宽度大于1680px且小于1920px的时候执行,1680-1920*/
@media screen and (min-width:1680px) and (max-width:1919px){
    /* 友情链接-内容部分-单个 */
    .link-main .link-content .link-content-one {
        width: 250px;
    }
}
/*当页面宽度大于等于1920*/
@media screen and (min-width:1920px){
    /* 友情链接-内容部分-单个 */
    .link-main .link-content .link-content-one {
        width: 300px;
    }
}